<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formNuevaFacturas">
                    <h:panelGrid columns="1" style="width:100%;margin: 0px auto;">
                        <p:commandButton id="btnNuevoFacturas"
                                         action="#{MBVentaBoletas.nuevo()}"
                                         value="Nueva Boleta" ajax="false" />
                    </h:panelGrid>
                </h:form>
                <h:form id="formFacturacion">
                    <p:panel id="pnlFacturacion" header="Registrar Facturas y/o Boletas"
                             style="width:100%;margin: 0px auto;">
                        <p:panelGrid id="pnlPrincipal" style="width:100%;margin: 0px auto">


                            <p:row>
                                <p:column >
                                    <p:panelGrid style="width:100%;margin: 0px auto;">
                                        <p:row>
                                            <p:column>
                                                <h:outputLabel value="Estado " class="lblVerN" />
                                            </p:column>
                                            <p:column>

                                                <h:outputLabel id="lblEstadoValor" value="#{BKVentaFacturacion.estado}" style="color:#{BKVentaFacturacion.color}" />
                                            </p:column>     
                                            <p:column colspan="2">

                                            </p:column>
                                            <p:column>
                                                <h:outputLabel value="Serie/Numero " class="lblVerN" />
                                            </p:column>
                                            <p:column>                                                                                             
                                                <h:outputLabel value="#{BKVentaFacturacion.numero}" />
                                            </p:column>


                                        </p:row>
                                        
                                        <p:row>
                                            <p:column colspan="4">

                                            </p:column>
                                            <p:column>
                                                <h:outputLabel class="lblVerN" value="Fecha Emisión" />
                                            </p:column>
                                            <p:column>
                                                <h:outputLabel value="#{BKVentaFacturacion.ventaFacturacionFormulario.fechDocventa}" >
                                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                                </h:outputLabel>
                                            </p:column>     
                                        </p:row>

                                        <p:row>
                                            <p:column>
                                                <h:outputLabel class="lblVerN" value="Nro Documento" />
                                            </p:column>
                                            <p:column>
                                                <h:outputLabel value="#{BKVentaFacturacion.ventaFacturacionFormulario.ruc}" />
                                            </p:column>
                                            <p:column>
                                                
                                            </p:column>
                                            <p:column>

                                            </p:column>
                                            <p:column>
                                                <h:outputLabel class="lblVerN" value="Tipo Cambio" />
                                            </p:column>
                                            <p:column>
                                                <h:outputLabel value="#{BKVentaFacturacion.ventaFacturacionFormulario.tipoCambio}" />
                                            </p:column>
                                        </p:row>

                                        <p:row>
                                            <p:column>
                                                <h:outputLabel class="lblVerN" value="Señor(es)" />
                                            </p:column>
                                            <p:column colspan="5">
                                                <h:outputLabel value="#{BKVentaFacturacion.ventaFacturacionFormulario.razon}" />
                                            </p:column>											
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputLabel class="lblVerN" value="Direccion" />
                                            </p:column>
                                            <p:column colspan="5">
                                                <h:outputLabel value="#{BKVentaFacturacion.ventaFacturacionFormulario.direccion}" />
                                            </p:column>											
                                        </p:row>

                                        <p:row>

                                            <p:column>
                                                <h:outputLabel class="lblVerN" value="Tipo Moneda" />
                                            </p:column>
                                            <p:column colspan="5">
                                                <h:outputLabel value="#{BKVentaFacturacion.ventaFacturacionFormulario.moneda.nombre}" />
                                            </p:column>
                                        </p:row> 
                                        <p:row>
                                            <p:column colspan="6">


                                                <p:fieldset legend="Tabla de Articulos">

                                                    <p:dataTable id="dataTablaArticulos" var="det"
                                                                 value="#{BKVentaDetalleFacturacion.listaDetalleFacturacion}"
                                                                 widgetVar="lista"
                                                                 emptyMessage="No exsiten articulos agregados"
                                                                 filteredValue="" rowIndexVar="rowIndex" paginator="true"
                                                                 rows="10"
                                                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                                                 {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                                 rowsPerPageTemplate="10,20,40" 
                                                                  paginatorPosition="bottom" styleClass="datable-busqueda">

                                                        

                                                        <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
                                                            <h:outputText value="#{rowIndex+1}" />
                                                        </p:column>

                                                        <p:column id="idColumnaDesc" style="width: 55%"
                                                                  sortBy="#{det.descProducto}" headerText="Descripcion">
                                                            <h:outputText value="#{det.descProducto}" />
                                                        </p:column>



                                                        <p:column id="idColumnaUndMed" style="width: 10%"
                                                                  sortBy="#{det.unidad.abrev}" headerText="Und. de Med.">
                                                            <h:outputText value="#{det.unidad.abrev}" />
                                                        </p:column>

                                                        <p:column id="idColumnaCant" style="text-align:right ;width: 10%"
                                                                  sortBy="#{det.cantidad}"  headerText="Cantidad">
                                                            <h:outputText value="#{det.cantidad}" >
                                                                <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                                            </h:outputText>
                                                        </p:column>

                                                        <p:column id="idColumnaPrecio" style="text-align:right ;width: 10%"
                                                                  sortBy="#{det.precUnitario}"  headerText="Precio">
                                                            <h:outputText value="#{det.precUnitario}" >
                                                                <f:convertNumber  minFractionDigits="2" maxFractionDigits="2"  />
                                                            </h:outputText>
                                                        </p:column>

                                                        <p:column id="idColumnaTotal" style="text-align:right ;width: 10%"
                                                                  sortBy="#{det.total}" headerText="Total">
                                                            <h:outputText value="#{det.total}" >
                                                                <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                                            </h:outputText>
                                                        </p:column>


                                                    </p:dataTable>
                                                </p:fieldset>

                                            </p:column>
                                        </p:row>

                                        <p:row>

                                            <p:column colspan="4">

                                            </p:column>
                                            <p:column>
                                                <h:outputLabel class="lblVerN" value="SUBTOTAL " />
                                            </p:column>
                                            <p:column>                                                                                             
                                                <h:outputLabel value="#{BKVentaFacturacion.ventaFacturacionFormulario.valorVenta}" >
                                                    <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                                </h:outputLabel>
                                            </p:column>


                                        </p:row>
                                        <p:row>

                                            <p:column colspan="4">

                                            </p:column>
                                            <p:column>
                                                <h:outputLabel class="lblVerN" value="IGV " />
                                            </p:column>
                                            <p:column>                                                                                             
                                                <h:outputLabel value="#{BKVentaFacturacion.ventaFacturacionFormulario.igv}" >
                                                    <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                                </h:outputLabel>
                                            </p:column>


                                        </p:row>
                                        <p:row>

                                            <p:column colspan="4">

                                            </p:column>
                                            <p:column>
                                                <h:outputLabel class="lblVerN" value="TOTAL " />
                                            </p:column>
                                            <p:column>                                                                                             
                                                <h:outputLabel value="#{BKVentaFacturacion.ventaFacturacionFormulario.precioVenta}" >
                                                    <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                                </h:outputLabel>
                                            </p:column>


                                        </p:row>
                                        <p:row>
                                            <p:column colspan="6">
                                                <h:outputLabel class="lblVerN"
                                                               value="SON: " />
                                                <h:outputLabel value="#{BKVentaFacturacion.ventaFacturacionFormulario.valorLetras}" />

                                            </p:column>											
                                        </p:row>


                                    </p:panelGrid>
                                </p:column>
                            </p:row>


                        </p:panelGrid>

                        <p:panelGrid style="width:40%;margin: 10px auto;">

                            <p:row>
                                <p:column>
                                    <p:commandButton id="btnAnularFV"
                                                     oncomplete="confirmacionAnular.show()" value="Anular" disabled="#{BKVentaFacturacion.anulable}"/>
                                </p:column>

                                <p:column>
                                    <p:button
                                        href="/paginas/ventas/boletas/listarBoletas.anx"
                                        value="Cancelar" />
                                </p:column>
                            </p:row>

                        </p:panelGrid>
                    </p:panel>

                    <p:confirmDialog id="dlgAnularFV" message="¿Esta seguro de ANULAR esta Boleta?" 
                                     header="Anular Factura" severity="alert" widgetVar="confirmacionAnular">
                        <h:panelGrid style="width: auto;margin:0px auto;border:0px;padding: 0 5px" columns="2">
                            <p:commandButton id="btnAnularDialogFV" value="Si"  oncomplete="confirmacionAnular.hide()"  
                                             actionListener="#{MBVentaBoletas.anular()}" ajax="false" />  
                            <p:commandButton id="btnCancelarAnularDialogFV" value="No" onclick="confirmacionAnular.hide()" type="button" />
                        </h:panelGrid>
                    </p:confirmDialog>

                    

                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>


</html>
